<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<link th:href="@{/images/favicon1.ico}" rel="icon" type="image/x-icon"/>
<link th:href="@{/images/favicon1.ico}" rel="shortcut icon" type="image/x-icon"/>
<title>OA办公自动化系统</title>
<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
<link rel="stylesheet" th:href="@{/css/login.css}">
 <style>

        .inp {
            border: 1px solid #cccccc;
            border-radius: 2px;
            padding: 0 10px;
            width: 278px;
            height: 40px;
            font-size: 18px;
        }
/* 
        .btn {
            display: inline-block;
            box-sizing: border-box;
            border: 1px solid #cccccc;
            border-radius: 2px;
            width: 100px;
            height: 40px;
            line-height: 40px;
            font-size: 16px;
            color: #666;
            cursor: pointer;
            background: white linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
        } */

        .btn:hover {
            background: #3c83a5;
            color:#fff;
        } 

        #captcha {
            width: 300px;
            display: inline-block;
        }

        label {
            vertical-align: top;
            display: inline-block;
            width: 80px;
            text-align: right;
        }

        #wait {
            text-align: left;
            color: #666;
            margin: 0;
        }
		.thisimg:HOVER {
			cursor: pointer;
		}
		.test:FOCUS {
		border-color: #66afe9 !important;
	}
	.modal-dialog {
				width: 500px;
			}
			
			.modal-body .icon {
				height: 80px;
				width: 80px;
				margin: 20px auto;
				border-radius: 50%;
				color: #aad6aa;
				border: 3px solid #d9ead9;
				text-align: center;
				font-size: 44px;
			}
			
			.modal-body .icon .glyphicon {
				top: 11px;
			}
			
			.modal-p {
				margin: 20px auto;
			}
			
			.modal-body .modal-p h2 {
				text-align: center;
			}
			
			.modal-body .modal-p p {
				text-align: center;
				color: #666;
				font-size: 16px;
				padding-top: 8px;
				font-weight: 300;
			}
			
			.modal-p .btn {
				width: 100px;
				height: 40px;
			}
			.modal-error .icon {
				color: #f27474;
				border: 3px solid #f27474;
			}
    </style>
</head>

<body>
	<div class="cotn_principal">
	  <div class="cont_centrar" style="top:5%;">
		<div class="cont_login">
		  <div class="cont_forms cont_forms_active_login" style="height: 480px;width: 400px;border-radius: 15px;">
			<div class="cont_img_back_"> <img th:src="@{/images/timg.jpeg}" alt="背景图片" /> </div>
			<form th:action="@{/a/user/login}" method="post">
			<div class="cont_form_login" style="display: block;opacity: 1;width: 400px;">
				<h2 style="font-weight: 400;color: #4595BD;font-size: 22px;letter-spacing:1px ;">OA办公自动化系统</h2>
				<input type="text" placeholder="用户名" name="username" class="userName test"/>
				<input type="password" placeholder="密码"  name="password" class="password test"/>

				<input type="submit" class="login-button" value="登录"
					   style="text-align: center;font-size: 17px;height: 44px;width: 180px;letter-spacing:2px;font-weight: 400">

				</div>
			</form>
		  </div>
		 <div style="border: 1px solid transparent;">

		  </div>
		</div>

	  </div>
	</div>
<script type="text/javascript" th:src="@{/easyui/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap/js/bootstrap.min.js}"></script>

</body>
</html>
